<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html>
<head>
<title>Spicy Cuisine a Food Category Flat Responsive Bootstarp WebSite Template| Home :: w3layouts</title>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Spicy Cuisine Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--webfont-->
<link href='http://fonts.googleapis.com/css?family=Raleway:400,200,100,300,500,600,700,800,900' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,300italic,400italic,600italic,700italic' rel='stylesheet' type='text/css'>
<!---- start-smoth-scrolling---->
		<script type="text/javascript" src="js/move-top.js"></script>
		<script type="text/javascript" src="js/easing.js"></script>
		<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
					event.preventDefault();
					$('html,body').animate({scrollTop:$(this.hash).offset().top},900);
				});
			});
		</script>
<!---- start-smoth-scrolling---->
<!--animated-css-->
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all">
<script src="js/wow.min.js"></script>
<script>
 new WOW().init();
</script>
<!--/animated-css-->

</head>
<body>
<!---->
<div class="banner">
	 <div class="container">
		 <div class="header">
			 <div class="logo wow fadeInLeft" data-wow-delay="0.5s">
			 <a href="index.html"><img src="images/logo2.png" alt=""/></a>
			 </div>
			 <div class="top-menu">
			 <span class="menu"></span>
				 <ul>
				 <li class="active"><a href="index.html">Home</a></li>
				 <li><a class="scroll" href="#Cusinies">Cuisines</a></li>
				 <li><a class="scroll" href="#about">About</a></li>				 
				 <li><a class="scroll" href="#Gallery">Gallery</a></li>
				 <li><a class="scroll" href="#contact">Contact</a></li>			 
				 </ul>
			 </div>
			  <!-- script-for-menu -->
		 <script>
				$("span.menu").click(function(){
					$(".top-menu ul").slideToggle("slow" , function(){
					});
				});
		 </script>
		 <!-- script-for-menu -->	  	

			 <div class="clearfix"></div>
		 </div>
		 <div class="banner-info">
			<h1>Exquisite Spicecs and Seasonings.</h1>
			 <div class="col-md-6 banner-text wow fadeInRight" data-wow-delay="0.5s">				 	
					 <img src="images/gg.jpg" alt=""/>
				 <a class="download hvr-shutter-out-horizontal" href="#">ORDER NOW</a>				 
			 </div>
			 <div class="col-md-6 banner-form wow fadeInLeft" data-wow-delay="0.5s">
				 <form>
					 <h3>Get in touch</h3>
					 <p>Please complete the form</p>
					  <input type="text" placeholder="Name *" required/>
					  <input type="text" placeholder="E-mail *" required/>
					  <input type="text" placeholder="Phone *" required/>
					  <textarea placeholder="Message *"></textarea>
					  <input type="submit" value="SEND MESSAGE"/>
				 </form>
			 </div>
			 <div class="clearfix"></div>
		 </div>
	 </div>
</div>
<!---->
<div id="Cusinies" class="features">
	 <div class="container">
		 <div class="features-head">			
			 <h3>Our Quality Cuisines</h3>
			 <span></span>
		 </div>
		 <div class="features-section">
			 <div class="col-md-6 feature-grid">
				 <img class="wow bounceIn" data-wow-delay="0.4s" src="images/r1.jpg" alt=""/>
				 <h3>Mixed Veg Dish</h3>
				 <p>Fusce fermentum placerat magna ac pharetra. Aliquam euismod elit non ipsum lacinia consectetur.
				 Cras tincidunt semper dui suscipit auctor. Maecenas bibendum risus eget orci condimentum, in lobortis augue luctus. Aenean mauris ex, commodo luctus erat id, fringilla iaculis elit.</p>
			 </div>
			 <div class="col-md-6 feature-grid">
				 <img class="wow bounceIn" data-wow-delay="0.4s" src="images/r2.jpg" alt=""/>
				 <h3>Mexician Recipes</h3>
				 <p>Fusce fermentum placerat magna ac pharetra. Aliquam euismod elit non ipsum lacinia consectetur.
				 Cras tincidunt semper dui suscipit auctor. Maecenas bibendum risus eget orci condimentum, in lobortis augue luctus. Aenean mauris ex, commodo luctus erat id, fringilla iaculis elit.</p>
			 </div>
			 <div class="clearfix">
			 <div class="col-md-6 feature-grid">
				 <img class="wow bounceIn" data-wow-delay="0.4s" src="images/r3.jpg" alt=""/>
				 <h3>Chicken Dishes</h3>
				 <p>Fusce fermentum placerat magna ac pharetra. Aliquam euismod elit non ipsum lacinia consectetur.
				 Cras tincidunt semper dui suscipit auctor. Maecenas bibendum risus eget orci condimentum, in lobortis augue luctus. Aenean mauris ex, commodo luctus erat id, fringilla iaculis elit.</p>
			 </div>
			 <div class="col-md-6 feature-grid">
				 <img class="wow bounceIn" data-wow-delay="0.4s" src="images/r4.jpg" alt=""/>
				 <h3>Kimchi Fried Rice</h3>
				 <p>Fusce fermentum placerat magna ac pharetra. Aliquam euismod elit non ipsum lacinia consectetur.
				 Cras tincidunt semper dui suscipit auctor. Maecenas bibendum risus eget orci condimentum, in lobortis augue luctus. Aenean mauris ex, commodo luctus erat id, fringilla iaculis elit.</p>
			 </div>
			 <div class="clearfix"></div>
		 </div>
	 </div>
</div>
</div>
<!---->
<div id="about" class="about">
	 <div class="container">
		 <div class="about-top">
			 <div class="col-md-6 about-device wow fadeInLeft" data-wow-delay="0.5s">
				 <img src="images/g2.jpg" alt=""/>
			 </div>
			 <div class="col-md-6 about-device-info wow fadeInRight" data-wow-delay="0.5s">
				 <div class="device-text">					 
					 <h3>Experience The Taste Of Asia</h3>
					 <span></span>	
					 <p>Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit.
					 Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non  mauris vitae erat consequat auctor eu in elit. </p>
				 </div>
				 <div class="about-list">
					 <ul>
						 <li><a href="#"><span class="abt1"></span>Etiam aliquam velit eu facilisis porttitor.</a></li>
						 <li><a href="#"><span class="abt2"></span>Aliquam mollis ligula ac erat luctus ornare</a></li>
						 <li><a href="#"><span class="abt3"></span>Quisque vel lorem eget orci volutpat mattis.</a></li>
						 <li><a href="#"><span class="abt4"></span>Donec vel velit id arcu vulputate efficitur</a></li>
					 </ul>
				 </div>
			 </div>
			 <div class="clearfix"></div>
		 </div>		
	 </div>
</div>
<div class="about-bottom">
	 <div class="container">
		 <div class="col-md-6 about-customize wow fadeInRight" data-wow-delay="0.5s">
			 <div class="device-text-bottom">
					<h3>Easy to Mobile App</h3>
					<span></span>	
					<p>Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. 
					Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non  mauris vitae erat consequat auctor eu in elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
				  <div class="app-dwnld">
				  <a class="app" href="#">Download App</a>
				  <a class="play" href="#"><img src="images/play.png"alt=""/ ></a>
				  </div>
			 </div>				 
		 </div>
		 <div class="col-md-6 about-device-bottom wow fadeInLeft" data-wow-delay="0.5s">
				<img src="images/phn2.png" alt=""/>
		 </div>
		 <div class="clearfix"></div>
	 </div>
</div>
<!---->
  <script src="js/responsiveslides.min.js"></script>
  <script>
    // You can also use "$(window).load(function() {"
    $(function () {
      $("#slider2").responsiveSlides({
        auto: true,
        pager: true,
        speed: 300,
        namespace: "callbacks",
      });
    });
  </script>
<!---->
<div class="pricing">
	 <div class="container">
		 <div class="pricing-text">			
			<h3>Our Customer Reviews</h3>
			<span></span>	
		 </div>
		 <!-- start slider -->	
		 <div class="pricing-grids">
			 <div class="slider">
				 <ul class="rslides" id="slider2">
					 <li>						 
					     <div class="col-md-6 pricing-plans">
							  <p>Once upon a time all the Rivers combined to protest against the action of the Sea in making their waters salt.
							 “When we come to you,” said they to the Sea.</p>
							  <div class="pic1">
								 <img src="images/pr1.png" alt=""/>
							  </div>
							  <div class="pic-info">
									<h5>John Doe</h5>
									<a href="#">CEO, THE RIVERS COMPANY</a>
							  </div>
							  <div class="clearfix"></div>
						 </div>
						 <div class="col-md-6 pricing-plans">
							  <p>A shoe is not only a design, but it's a part of your body language, the way you walk. The way you're going to move is quite dictated by your shoes.</p>
							  <div class="pic1">
								 <img src="images/pr2.png" alt=""/>
							  </div>
							  <div class="pic-info">
									<h5>John Doe</h5>
									<a href="#">CEO, THE RIVERS COMPANY</a>
							  </div>
							  <div class="clearfix"></div>
						 </div>						
					      <div class="clearfix"></div>						  
					  </li>	
					  <li>						    
						 <div class="col-md-6 pricing-plans">
							  <p>A shoe is not only a design, but it's a part of your body language, the way you walk. The way you're going to move is quite dictated by your shoes.</p>
							  <div class="pic1">
								 <img src="images/pr2.png" alt=""/>
							  </div>
							  <div class="pic-info">
									<h5>John Doe</h5>
									<a href="#">CEO, THE RIVERS COMPANY</a>
							  </div>
							  <div class="clearfix"></div>
						 </div>	
						  <div class="col-md-6 pricing-plans">
							  <p>Once upon a time all the Rivers combined to protest against the action of the Sea in making their waters salt.
							 “When we come to you,” said they to the Sea.</p>
							  <div class="pic1">
								 <img src="images/m2.jpg" alt=""/>
							  </div>
							  <div class="pic-info">
									<h5>John Doe</h5>
									<a href="#">CEO, THE RIVERS COMPANY</a>
							  </div>
							  <div class="clearfix"></div>
						 </div>
					      <div class="clearfix"></div>						  
					  </li>
					  <li>						 
					     <div class="col-md-6 pricing-plans">
							  <p>Once upon a time all the Rivers combined to protest against the action of the Sea in making their waters salt.
							 “When we come to you,” said they to the Sea.</p>
							  <div class="pic1">
								 <img src="images/m1.jpg" alt=""/>
							  </div>
							  <div class="pic-info">
									<h5>John Doe</h5>
									<a href="#">CEO, THE RIVERS COMPANY</a>
							  </div>
							  <div class="clearfix"></div>
						 </div>
						 <div class="col-md-6 pricing-plans">
							  <p>A shoe is not only a design, but it's a part of your body language, the way you walk. The way you're going to move is quite dictated by your shoes.</p>
							  <div class="pic1">
								 <img src="images/pr1.png" alt=""/>
							  </div>
							  <div class="pic-info">
									<h5>John Doe</h5>
									<a href="#">CEO, THE RIVERS COMPANY</a>
							  </div>
							  <div class="clearfix"></div>
						 </div>						
					      <div class="clearfix"></div>						  
					  </li>	
					  <li>						    
						 <div class="col-md-6 pricing-plans">
							  <p>A shoe is not only a design, but it's a part of your body language, the way you walk. The way you're going to move is quite dictated by your shoes.</p>
							  <div class="pic1">
								 <img src="images/pr2.png" alt=""/>
							  </div>
							  <div class="pic-info">
									<h5>John Doe</h5>
									<a href="#">CEO, THE RIVERS COMPANY</a>
							  </div>
							  <div class="clearfix"></div>
						 </div>	
						  <div class="col-md-6 pricing-plans">
							  <p>Once upon a time all the Rivers combined to protest against the action of the Sea in making their waters salt.
							 “When we come to you,” said they to the Sea.</p>
							  <div class="pic1">
								 <img src="images/m2.jpg" alt=""/>
							  </div>
							  <div class="pic-info">
									<h5>John Doe</h5>
									<a href="#">CEO, THE RIVERS COMPANY</a>
							  </div>
							  <div class="clearfix"></div>
						 </div>
					      <div class="clearfix"></div>						  
					  </li>
				  </ul>
			   </div>
			   <!-- end slider -->
		  </div>  	
	 </div>
</div>
<!---->
<div id="Gallery" class="content">
   	 <div class="container">
		 <div class="gallery-head">
			 <h3>Gallery</h3>
		 </div>
   		 <div class="gallery-top">
			  <div class="gallery">
				  <ul>
					 <li class="wow bounceIn" data-wow-delay="0.5s">
						<a href="images/r11.jpg"><img src="images/r11.jpg" alt=""/></a>
						<h3>Indian Recipes</h3>
					 </li>
					 <li class="wow bounceIn" data-wow-delay="0.5s">
						<a href="images/r22.jpg"><img src="images/r22.jpg"/></a>
						<h3>Mexican Roti</h3>
					 </li>
					 <li class="wow bounceIn" data-wow-delay="0.5s">
						<a href="images/r33.jpg"><img src="images/r33.jpg"/></a>
						<h3>Japanese Rolls</h3>
					 </li>
					 <li class="last wow bounceIn" data-wow-delay="0.5s">
						<a href="images/r44.jpg"><img src="images/r44.jpg"/></a>
						<h3>Chicken Recipes</h3>
					 </li>				 

					 <li class="wow bounceIn" data-wow-delay="0.5s">
						<a href="images/r55.jpg"><img src="images/r55.jpg"/></a>
						<h3>Mix Salad</h3>
					 </li>
					 <li class="wow bounceIn" data-wow-delay="0.5s">
						<a href="images/r66.jpg"><img src="images/r66.jpg"/></a>
						<h3>Vegiterian</h3>
					 </li>
					 <li class="wow bounceIn" data-wow-delay="0.5s">
						<a href="images/r77.jpg"><img src="images/r77.jpg"/></a>
						<h3>Spicy Pizza</h3>
					 </li>
					 <li class="last wow bounceIn" data-wow-delay="0.5s">
					 	<a href="images/r11.jpg"><img src="images/r11.jpg"/></a>
						<h3>Indian Recipes</h3>
					 </li>					
					 <div class="clearfix"></div>
					</ul>
			  </div>
		 </div>
	 </div>
</div>
<!---//End-banner---->
<script type="text/javascript" src="js/jquery.lightbox.js"></script>
<link rel="stylesheet" type="text/css" href="css/lightbox.css" media="screen" />
		<script type="text/javascript">
			$(function() {
				$('.gallery a').lightBox();
			});
</script>
<!---->
<div id="contact" class="contact">
	 <div class="container">
		 <div class="contact-text">			
			<h3>Contact us</h3>
			<span></span>	
		 </div>
		 <div class="contact-grids">
			 <div class="col-md-4 contact-grid text-center wow bounceIn" data-wow-delay="0.4s">
				 <div class="icon1"></div>
				 <p>Phone: (415) 124-5678</p>
				 <p>Fax: (412) 123-8290</p>
			 </div>
			 <div class="col-md-4 contact-grid text-center wow bounceIn" data-wow-delay="0.4s">
				 <div class="icon2"></div>
				 <p>1001 Brickell Bay Dr.</p>
				 <p>Suite 1900</p>
				 <p>Miami, FL 33131</p>
			 </div>
			 <div class="col-md-4 contact-grid text-center wow bounceIn" data-wow-delay="0.4s">
				 <div class="icon3"></div>
				 <a href="mailto:example.com">support@yourname.com</a>
			 </div>
			 <div class="clearfix"></div>
		 </div>
		 
		 <div class="contact-details">
			 <form>
				 <div class="col-md-6 contact-left">
					 <input type="text" class="text wow fadeInLeft" data-wow-delay="0.4s" value="Name *" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Name *';}">
					 <input type="text" class="text wow fadeInLeft" data-wow-delay="0.4s" value="Email *" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email *';}">
					 <input type="text" class="text wow fadeInLeft" data-wow-delay="0.4s" value="Subject *" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Subject *';}">
				 </div>
				 <div class="col-md-6 contact-right">
					<textarea class="wow fadeInRight" data-wow-delay="0.4s" value="Message" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Message';}">MESSAGE *</textarea>
				 </div>
				 <div class="clearfix"></div>
				 <input class="wow fadeInRight" data-wow-delay="0.4s" type="submit" value="SEND MESSAGE"/>
			 </form>
		 </div>		 
	 </div>
	 <div class="map">
		 <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3593.1651928596452!2d-80.18708473414607!3d25.765106655121123!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x88d9b42909d18c97%3A0x97689362b4db9e7e!2sBrickell+Park!5e0!3m2!1sen!2sin!4v1425979652981" frameborder="0" style="border:0"></iframe>
	 </div>
</div>
<!---->
<div class="footer text-center">
	 <div class="container">		
		 <a class="wow bounceIn" data-wow-delay="0.5s" href="index.html"><img src="images/logo2.png" alt=""/></a>		 
		 <p class="wow bounceIn" data-wow-delay="0.4s">Copyright &copy; 2015 Spicy Cuisine All rights reserved | Design by  <a href="http://w3layouts.com">  W3layouts</a></p>
		 <div class="social">			 
			 <a href="#"><span class="behance"></span></a>
			 <a href="#"><span class="dribble"></span></a>
			 <a href="#"><span class="twitter"></span></a>
			 <a href="#"><span class="facebook"></span></a>
			 <a href="#"><span class="linkedin"></span></a>
		 </div>
	 </div>
</div>
<!---->
<script type="text/javascript">
		$(document).ready(function() {
				/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
				};
				*/
		$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
<a href="#to-top" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
<!---->

 </body>
 </html>